<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
  /*
    [属性名]  选择指定属性的元素
    [属性名=属性值]  选择含有指定属性和属性值的元素
    [属性名 ^=属性值]  选择属性值以指定属性值开头的元素
    [属性名&=属性值]   选择属性值以指定属性值结尾的元素
    [属性名 *=属性值]  选择属性值中还有某值的元素的元素
  */
  p[title]{
      color: green;
  }

  [title=abc]{
      background-color: skyblue;
  }
  [title^=abc]{
      font-size: 60px;
  }
  [title $=abc]{
      background-color: aqua;
  }
  [title *=abc]{
      background-clip: border-box;
  }

    </style>
</head>
<body>
<h1>诗词</h1>
<p title="abc">少小离家老大回</p>
<p title="abcdef">儿童相见不相识</p>
<p title="helloabc">秋水共长天一色</p>
<p>落霞与孤鹜齐飞</p>
</body>
</html>